<template>
	<div style="width: 150%">
		<h3 class="pageTitle">学生选课表管理 </span></h3>
		<hr class="pageTitle" />
		<h4 class="pageTitle">筛选条件 <span class="label label-default">学院</span></h4>
		<div>
			<!-- 加粗 -->
			<b class="pageTitle">学科:</b>
			<select class="option">
				<option>全部</option>
				<option>计算机</option>
				<option>文学</option>
			</select>
			<b style="margin-left: 100px;">搜索:</b>
			<input type="text" class="search" placeholder="请输入学生名称,课程名称">
			<button type="button" class="btn btn-default">筛选</button>
		</div>
		<hr class="pageTitle" />
		<button type="button" class="btn btn-default pageTitle courseinfo">导入选课信息</button>
		<span class="rightCondition">
			<img src="../../public/img/cloudup.png"/>
			<img src="../../public/img/condition.png" style="width: 20px;height: 20px;"/>
		</span>
		<br /><br />
		<table class="table table-condensed pageTitle">
			<thead>
				<tr>
					<th>序号</th>
					<th>教师工号</th>
					<th>教师姓名</th>
					<th>性别</th>
					<th>学分</th>
					<th>所属院系</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						<label>
							<input type="checkbox">1
						</label>
					</td>
					<td>0625</td>
					<td>张锋</td>
					<td>男</td>
					<td>8</td>
					<td>计算机科学与技术学院</td>
					<td>
						<a>删除</a>
					</td>
				</tr>
				<tr>
					<td>
						<label>
							<input type="checkbox">2
						</label>
					</td>
					<td>0625</td>
					<td>张锋</td>
					<td>男</td>
					<td>8</td>
					<td>计算机科学与技术学院</td>
					<td>
						<a>删除</a>
					</td>
				</tr>
				<tr>
					<td>
						<label>
							<input type="checkbox">3
						</label>
					</td>
					<td>0625</td>
					<td>张锋</td>
					<td>男</td>
					<td>8</td>
					<td>计算机科学与技术学院</td>
					<td>
						<a>删除</a>
					</td>
				</tr>
				<tr>
					<td>
						<label>
							<input type="checkbox">4
						</label>
					</td>
					<td>0625</td>
					<td>张锋</td>
					<td>男</td>
					<td>8</td>
					<td>计算机科学与技术学院</td>
					<td>
						<a>删除</a>
					</td>
				</tr>
				<tr>
					<td>
						<label>
							<input type="checkbox">5
						</label>
					</td>
					<td>0625</td>
					<td>张锋</td>
					<td>男</td>
					<td>8</td>
					<td>计算机科学与技术学院</td>
					<td>
						<a>删除</a>
					</td>
				</tr>
				<tr>
					<td>
						<label>
							<input type="checkbox">6
						</label>
					</td>
					<td>0625</td>
					<td>张锋</td>
					<td>男</td>
					<td>8</td>
					<td>计算机科学与技术学院</td>
					<td>
						<a>删除</a>
					</td>
				</tr>
				<tr>
					<td>
						<label>
							<input type="checkbox">7
						</label>
					</td>
					<td>0625</td>
					<td>张锋</td>
					<td>男</td>
					<td>8</td>
					<td>计算机科学与技术学院</td>
					<td>
						<a>删除</a>
					</td>
				</tr>
				<tr>
					<td>
						<label>
							<input type="checkbox">8
						</label>
					</td>
					<td>0625</td>
					<td>张锋</td>
					<td>男</td>
					<td>8</td>
					<td>计算机科学与技术学院</td>
					<td>
						<a>删除</a>
					</td>
				</tr>
			</tbody>
		</table>
		<div class="pageTitle">
			<label>
				<input type="checkbox">全选
				<a>批量删除</a>
			</label>
			<span class="page">
				共:<i>100</i>条
				<select class="option">
					<option>10条/页</option>
					<option>20条/页</option>
				</select>
				<ul class="pagination pagination-sm page">
					<li><a href="#">&laquo;</a></li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#">&raquo;</a></li>
				</ul>
				跳转到:<input type="text" style="width: 20px;" /> &nbsp;页 &nbsp;
				<input type="button" value="确定" />
			</span>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'StudentSelectCourse'
	}
</script>
